<%@page import="com.lp.ezuiz.EzuizService"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
	<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
	<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
	<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
	
	<%-- <script src="<%=basePath%>/page/hkvideo/js/ezuikit.js"></script> --%>
	<script type="text/javascript" src="<%=basePath%>/js/oss/iot/webrtcstreamer2.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/oss/iot/adapter2.min.js"></script>
	<link rel="stylesheet" href="<%=basePath%>/css/oss/iot/video_live.css?<%=v%>">
	<script type="text/javascript" src="<%=basePath%>/js/oss/iot/video_live.js?<%=v%>"></script>
</head>
<body>
	<div>
		<div >
			<div class="mapContainer" >
				<div class="app-container">
					<div class="container-layout sceneList-info">
						<div class="box join-device-box">
							<div class="pt-10 pl-5">
								<div class="clearfloat">
									<div class="float-left" style="width:70%;">
										<div class="video_container">
    										<video
											  src=""
											  width="100%"
											  height="572px"
											  id="myPlayer"
											  autoplay >
											</video>
										</div>
									</div>
									<div class="float-left" style="width:25%;">
										<div style="border-bottom: 1px solid #dadada;" class="sensor_detail_title ml-20 pl-5">摄像头信息</div>
										<div class="jui-detail_get" style="padding-top: 30px;margin-left: 30px;" data-options=" url:'/video?id= ${videoId}',success:'successfunc' "  >
											<div class="detail-line">
												<span>项目名称：</span>
												<span type-name="scene_name" type-value='h'></span>
											</div>
											<div class="detail-line">
												<span>视频名称：</span>
												<span type-name="name" type-value='h'></span>
											</div>
											<div class="detail-line">
												<span>接入方式：</span>
												<span type-name="video_type" class="width-auto" type-value='ch'></span> 
											</div>
										</div>
										
										<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">
											<span>操作</span>   <span style="margin-left: 30px;color:#3499da;cursor: pointer;text-align: center;" onclick="lomDetail()" >详情</span>
										</div>
										<div class="operateColumn">
											<button class="device_capture button  bg-iot">抓拍</button>
											<!-- <button class="encrypt_on button ml-20 bg-iot">开启加密</button>
											<button class="encrypt_off button ml-20 bg-iot">关闭加密</button> -->
										</div>
										
										<div style="border-bottom: 1px solid #dadada;margin-top: 30px;" class="sensor_detail_title ml-20 pl-5">云台控制</div>
										<div class="operateColumn">
											<div class="operate_column_cell">
												<div class="operate_column_one"></div>
												<div class="operate_column_one operate_btn" tag="0"><span class="icon-angle-double-up"></span></div>
												<div class="operate_column_one"></div>
											</div>
											<div class="operate_column_cell">
												<div class="operate_column_one operate_btn" tag="2"><span class="icon-angle-double-left"></span></div>
												<div class="operate_column_one stop_btn"><span class="icon-play-circle"></span></div>
												<div class="operate_column_one operate_btn" tag="3"><span class="icon-angle-double-right"></span></div>
											</div>
											<div class="operate_column_cell">
												<div class="operate_column_one"></div>
												<div class="operate_column_one operate_btn" tag="1"><span class="icon-angle-double-down"></span></div>
												<div class="operate_column_one"></div>
											</div>
											
										</div>
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var token = "<%=EzuizService.EZUIZ_TOKEN%>";
	function returnBack(obj){
		forwardUrl("/iot/mvideo",1000);
	}
	
	function lomDetail(){
		window.location.href = basePath + "/page/hkvideo/detail.html?videoId=${videoId}"  ;
	}
	
</script>
</html>